﻿@media screen and (min-width: 40em) {
  .js .menubar {
	position: relative;
  }
  .js .menubar.closed {
	max-height: none;
  }
  .nav-toggle {
	display: none;
  }
}
@media only screen and (min-width: 0px) and (max-width: 320px) and (orientation : portrait)
{
	body, #logo,#layout,#main-column,nav,footer
	{
		width:320px;
	}
	body, #layout, #layout-bottom
	{
		background-image:none;
	}
	body, #layout
	{   
		background-color:#FC0;
	}
	body
	{
		min-width:0px;
		max-width:320px;
		font-family:Helvetica, Sans-Serif;
	}
	#main-column,nav
	{
		float:none;
	}
	.noprint
	{
		display:none;   
	}
	.menubar ul {
		margin: 0;
		padding: 0;
		width: 100%;
		display: block;
		list-style: none;
	}

	.menubar li {
		width: 100%;
		display: block;
	}

	.js .menubar {
		clip: rect(0 0 0 0);
		max-height: 0;
		position: absolute;
		display: block;
		overflow: hidden;
		zoom: 1;
	}

	.menubar.opened {
		max-height: 9999px;
	}

	.nav-toggle {
		-webkit-tap-highlight-color: rgba(0,0,0,0);
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		 -o-user-select: none;
		user-select: none;
		padding:6px;
		display:block;
		width:163px;
		margin-left:4px;
		margin-top:14px;
		text-decoration:none;
		background-color:#c90;
		text-align:center;
		color:#fff;
		font-weight:bold;
	}
	.menubar a {
	background-color:#CC9900;
	display: block;
	color: #000;
	text-decoration: none;
	padding: 6px 12px;
	zoom: 1;
	width:150px;
	}
	
    /*contact view styles*/
    label
    {
	    float:left;
	    width:225px;
    }
    div#button
    {
	    margin:0;
	    padding:0;
    }
    #nomobile
    {
        display:none;   
    }
	
}  
	
@media only screen and (min-width: 0px) and (max-width: 480px) and (orientation : landscape)
{
	body, #logo,#layout,#main-column,nav,footer
	{
		width:480px;
	}
	body, #layout, #layout-bottom
	{
		background-image:none;
	}
	body, #layout
	{   
		background-color:#FC0;
	} 
	body
	{
		min-width:0px;
		max-width:480px;
		font-family:Helvetica, Sans-Serif;
	}
	#main-column,nav
	{
		float:none;
	}
	.noprint
	{
		display:none;   
	}
	.menubar ul {
		margin: 0;
		padding: 0;
		width: 100%;
		display: block;
		list-style: none;
	}

	.menubar li {
		width: 100%;
		display: block;
	}

	.js .menubar {
		clip: rect(0 0 0 0);
		max-height: 0;
		position: absolute;
		display: block;
		overflow: hidden;
		zoom: 1;
	}

	.menubar.opened {
		max-height: 9999px;
	}

	.nav-toggle{
		-webkit-tap-highlight-color: rgba(0,0,0,0);
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		 -o-user-select: none;
		user-select: none;
		padding:6px;
		display:block;
		width:163px;
		margin-left:4px;
		margin-top:14px;
		text-decoration:none;
		background-color:#CC9900;
		text-align:center;
		color:#fff;
		font-weight:bold;
    }
    textarea
    {
	    width:190px;
	    height:100px;
    }
    .menubar a {
	background-color:#CC9900;
	display: block;
	color: #000;
	text-decoration: none;
	padding: 6px 12px;
	zoom: 1;
	width:150px;
    }
    #nomobile
    {
        display:none;   
    }
    
}

@media only screen and (min-width: 0px) and (max-width: 568px) and (orientation : landscape)
{
	body, #logo,#layout,#main-column,nav,footer
	{
		width:568px;
	}
	body, #layout, #layout-bottom
	{
		background-image:none;
	}
	body, #layout
	{   
		background-color:#FC0;
	} 
	body
	{
		min-width:0px;
		max-width:568px;
		font-family:Helvetica, Sans-Serif;
	}
	#main-column,nav
	{
		float:none;
	}
	.noprint
	{
		display:none;   
	}
	.menubar ul {
		margin: 0;
		padding: 0;
		width: 100%;
		display: block;
		list-style: none;
	}

	.menubar li {
		width: 100%;
		display: block;
	}

	.js .menubar {
		clip: rect(0 0 0 0);
		max-height: 0;
		position: absolute;
		display: block;
		overflow: hidden;
		zoom: 1;
	}

	.menubar.opened {
		max-height: 9999px;
	}

	.nav-toggle{
		-webkit-tap-highlight-color: rgba(0,0,0,0);
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		 -o-user-select: none;
		user-select: none;
		padding:6px;
		display:block;
		width:163px;
		margin-left:4px;
		margin-top:14px;
		text-decoration:none;
		background-color:#CC9900;
		text-align:center;
		color:#fff;
		font-weight:bold;
    }
     .menubar a {
	background-color:#CC9900;
	display: block;
	color: #000;
	text-decoration: none;
	padding: 6px 12px;
	zoom: 1;
	width:150px;
    }
    #nomobile
    {
        display:none;   
    }
 }